<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>边框颜色</title>
    <!--边框颜色-->
    <!--border-color属性用于设置边框的颜色。可以设置的颜色：-->
    <!--name - 指定颜色的名称，如 "red"-->
    <!--RGB - 指定 RGB 值, 如 "rgb(255,0,0)"-->
    <!--Hex - 指定16进制值, 如 "#ff0000"-->
    <!--您还可以设置边框的颜色为"transparent"。-->
    <!--注意： border-color单独使用是不起作用的，必须得先使用border-style来设置边框样式。-->
    <style>
        p.one
        {
            border-style: solid;
            border-color: red;
        }
        p.two
        {
            border-style: solid;
            border-color: #98bf21;
        }
    </style>
</head>
<body>
<p class="one">实线红色边框</p>
<p class="two">实线绿色边框</p>
<p><b>注意：</b>“border-color”属性如果单独使用则不起作用。要先使用"border-style"属性来设置边框。</p>
</body>
</html>